<template>
  <div id="main">
    <Aside/>
    <Footer/>
    <Container/>
    <song-detail/>
  </div>
</template>

<script>
import Aside from './aside/Aside.vue'
import Footer from './footer/Footer.vue'
import Container from './container/Container.vue'
import SongDetail from 'components/content/songdetail/SongDetail.vue'

export default {
  name: 'Main',
  components: {
    Aside,
    Footer,
    Container,
    SongDetail
  }
}
</script>

<style scoped lang="less">
#main {
  height: calc(100% - 50px);
  position: relative;
  display: flex;
}
</style>
